{% load dash_filters %}

<div class="panel panel-default">
    <div class="panel-heading">
        <div class="row">
            <div class="col-md-2">
                <div class="item-topico item-topico-{{ item.topico|unicode|split:" "|first|lower }}" title="{{ item.topico|unicode|split:" "|first }}"></div>
            </div>
            <div class="col-md-8"><h4><a href="{% url 'item-detail' item.pk %}">{{ item }}</a></h4></div>
            <div class="col-md-2" style="margin-top: 10px;">
                <img src="{{ STATIC_URL }}images/dashboard-content-item-header-score.png" alt="Score" title="Cantidad de fans">
                <span>{{ item.cantidad_fans_from_qs }}</span>
            </div>
        </div>
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-md-3">
                <div class="thumbnail" title="Imagen ilustrativa del item">
                {% if item.mis_imagenes.count %}
                    <img id="imagen_grande" src="{{ item.first_image_big }}" alt="Score">
                {% else %}
                    <img src="{{ STATIC_URL }}images/298.png" alt="Score">
                {% endif %}
                </div>
            </div>
            <div class="col-md-8">
                <div class="row">
                    <div class="col-md-12">
                        <div class="well" title="Descripcion del item">{{ item.descripcion|truncatewords:70 }}</div>
                        {% if comment %}
                        <div class="well"><blockquote>{{ comment.comment }}</blockquote></div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel-footer">
        <div class="row">
            <div class="col-md-2">{{ item.topico }}</div>
            <div class="col-md-offset-6 col-md-4">
                {% if user.is_active %}
                    {% if user.persona %}
                        {% if not is_fan %}
                            <a href="/items/fan/{{ item.id }}" title="Hazte Fan de este item"><img src="{{ STATIC_URL }}images/item-button-fan.png" alt="Fan" /></a>
                        {% endif %}
                        <a href="/items/recomendation/{{ item.id }}" title="Recomendá este item a tus seguidores"><img src="{{ STATIC_URL }}images/item-button-recomendar.png" alt="Recomendar" /></a>
                        {% if mostrar_denuncia %}
                            <a href="/items/denunciar_item/{{ item.id }}" ><img src="{{ STATIC_URL }}images/item-button-denunciar.png" alt="Denunciar" /></a>
                        {% endif %}
                        {% if is_fan %}
                            <a href="/items/unfan/{{ item.id }}" ><img src="{{ STATIC_URL }}images/item-buttom-unFan.png" alt="Unfan" /></a>
                        {% endif %}
                    {% else %}
                        {% if mostrar_boton_enlace %}
                            <a href="/bussiness/registrar_enlace/{{ item.id }}"><img src="{{ STATIC_URL }}images/item-button-registrar-enlace.png" alt="Registrar Enlace" /></a>
                        {% endif %}
                    {% endif%}
                {% endif %}
            </div>
        </div>
    </div>
</div>